```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>目标设置表单</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #fff;
            color: #333;
            margin: 0;
            padding: 2rem;
            box-sizing: border-box;
        }

        .container {
            max-width: 60rem;
            margin: 0 auto;
        }

        .form-group {
            margin-bottom: 1.5rem;
        }

        .form-group label {
            display: block;
            margin-bottom: 0.5rem;
            font-weight: bold;
        }

        .form-group input,
        .form-group textarea {
            width: 100%;
            padding: 0.75rem;
            border: 1px solid #ccc;
            border-radius: 0.25rem;
            font-size: 1rem;
        }

        .form-group .date-range {
            display: flex;
            gap: 0.5rem;
        }

        .form-group .date-range input {
            flex: 1;
        }

        .form-group .percentage {
            width: 5rem;
        }

        .form-group .radio-buttons {
            display: flex;
            gap: 1rem;
        }

        .form-group .radio-buttons label {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .form-group .radio-buttons input[type="radio"] {
            margin-right: 0.5rem;
        }

        .form-group .submit-buttons {
            display: flex;
            gap: 1rem;
        }

        .form-group .submit-buttons button {
            padding: 0.75rem 1.5rem;
            border: none;
            border-radius: 0.25rem;
            cursor: pointer;
        }

        .form-group .submit-buttons button.submit {
            background-color: #007bff;
            color: #fff;
        }

        .form-group .submit-buttons button.reset {
            background-color: #f8f9fa;
            color: #333;
        }
    </style>
</head>
<body class="theme-light" data-layout="fluid" data-grid-columns="12">
    <div class="container" data-antd-component="Row">
        <form data-antd-component="Form">
            <div class="form-group" data-antd-component="Form.Item" data-antd-props='{"label":"标题"}'>
                <label for="title">标题</label>
                <input type="text" id="title" placeholder="给目标起个名字" data-antd-component="Input">
            </div>

            <div class="form-group" data-antd-component="Form.Item" data-antd-props='{"label":"起止日期"}'>
                <label for="startDate">起止日期</label>
                <div class="date-range" data-antd-component="DatePicker.RangePicker">
                    <input type="text" id="startDate" placeholder="开始日期" data-antd-component="DatePicker">
                    <span>→</span>
                    <input type="text" id="endDate" placeholder="结束日期" data-antd-component="DatePicker">
                </div>
            </div>

            <div class="form-group" data-antd-component="Form.Item" data-antd-props='{"label":"目标描述"}'>
                <label for="description">目标描述</label>
                <textarea id="description" placeholder="请输入你的阶段性工作目标" data-antd-component="Input.TextArea"></textarea>
            </div>

            <div class="form-group" data-antd-component="Form.Item" data-antd-props='{"label":"衡量标准"}'>
                <label for="standard">衡量标准</label>
                <textarea id="standard" placeholder="请输入衡量标准" data-antd-component="Input.TextArea"></textarea>
            </div>

            <div class="form-group" data-antd-component="Form.Item" data-antd-props='{"label":"客户（选填）"}'>
                <label for="client">客户（选填）</label>
                <input type="text" id="client" placeholder="请描述你服务的客户，内部客户直接 @姓名..." data-antd-component="Input">
            </div>

            <div class="form-group" data-antd-component="Form.Item" data-antd-props='{"label":"邀评人（选填）"}'>
                <label for="reviewer">邀评人（选填）</label>
                <input type="text" id="reviewer" placeholder="请直接 @姓名/工号，最多可邀请 5 人" data-antd-component="Input">
            </div>

            <div class="form-group" data-antd-component="Form.Item" data-antd-props='{"label":"权重（选填）"}'>
                <label for="weight">权重（选填）</label>
                <input type="number" id="weight" class="percentage" value="0" min="0" max="100" data-antd-component="InputNumber">% 
            </div>

            <div class="form-group" data-antd-component="Form.Item" data-antd-props='{"label":"目标公开"}'>
                <label>目标公开</label>
                <div class="radio-buttons" data-antd-component="Radio.Group">
                    <label data-antd-component="Radio" data-antd-props='{"value":"public"}'><input type="radio" name="visibility" value="public"> 公开</label>
                    <label data-antd-component="Radio" data-antd-props='{"value":"partial"}'><input type="radio" name="visibility" value="partial"> 部分公开</label>
                    <label data-antd-component="Radio" data-antd-props='{"value":"private"}'><input type="radio" name="visibility" value="private"> 不公开</label>
                </div>
                <p>客户、邀评人默认被分享</p>
            </div>

            <div class="form-group submit-buttons" data-antd-component="Form.Item">
                <button type="submit" class="submit" data-antd-component="Button" data-antd-props='{"type":"primary"}'>提交</button>
                <button type="reset" class="reset" data-antd-component="Button">重置</button>
            </div>
        </form>
    </div>
</body>
</html>
```